<template>
  <view class="container"> 
	  <div class="noticeDetail">
		  <div class="noticeDetailTitle">{{noticeDetail.title}}</div>
	  <div class="editer" v-html="notice_detail"></div>
	  </div>
  </view>
</template>

<script>
import { mapActions, mapState } from "vuex";
import formatRichText from "../../utils/formatRichText"
export default {
  data() {
    return {
		notice_detail:""
    };
  },
 async onLoad(options) {
   await this.getnoticeDetail(options)
   this.notice_detail = formatRichText(this.noticeDetail.content)

  },
  computed: {
    ...mapState({
      noticeDetail: (state) => state.recentNews.noticeDetail,
    }),
  },
  methods: {
    ...mapActions({
      getnoticeDetail: "recentNews/getnoticeDetail",
    }),
  },
};
</script>

<style scoped>
.container {
    height: 100%;
    box-sizing: border-box;
    color: #333;
    font-family: helvetica,'Heiti SC',PingFangSC-Light;
}
.noticeDetailTitle{
	font-size: 32rpx;
	font-weight: bold;
	line-height: 50rpx;
	padding: 20rpx;
}
.noticeDetail{
	padding: 20rpx;
}
.editer img{
	max-width: 100% !important;
}
</style>
